<script>
  $(function() {
    $( "#lists" ).tabs().addClass( "ui-tabs-vertical ui-helper-clearfix" );
    $( "#tabs li" ).removeClass( "ui-corner-top" ).addClass( "ui-corner-left" );
  });
</script>
<div id="lists">
	<ul>
		<li><a href="#list-1">list1</a><li>
		<li><a href="#list-2">list2</a><li>
		<li><a href="#list-3">list3</a><li>
		<li><a href="#list-4">list4</a><li>
		<li><a href="#add_list">+</a><li>
	</ul>
	<?php $i = 1; ?>
	<?php foreach($the_list2 as $player_list):?>
		<div id = "list-<?php echo $i?>">
			<?php 
				$the_list = $player_list;
				include("player_list.php");
			?>
		</div>
		<?php $i = $i + 1;?>
	<?php endforeach?>
	<div id = "add_list">
		<?php $this->load->view('profile/new_list', $lists);?>
	</div>
		
	<?php echo "<br>"?>
</div>